/* Use SmartSprites
   @see http://csssprites.org/
*/

/** sprite: sprite-vertical; sprite-image: url('../img/sprite-vertical.png'); sprite-layout: vertical */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end RESET CSS */






/* ESTILOS LAYOUT GENERAL */
html, body {overflow: hidden;}

#header {
	width: 100%;
	height:40px;
	overflow: hidden;
	background-color: #006699;
	background-repeat: repeat-x;
	background-image:  url("../images/bg_encabezado.png"); /** sprite-ref: sprite-vertical;  sprite-alignment: repeat; */
}

#inner-header {
	margin: 3px 10px;
}

#menu {
	border-top: 1px solid #fff;
	height: 59px;
	border: 1px solid #CCC;
	background-color: #E5E5E5;
	overflow: hidden:
}

#inner-menu {
	margin: 10px 0;

}

#content {
	
}
#inner-content {
	background-color: #EFEFEF;
	overflow: hidden;
	clear: both;
}

#main-content, #sidebar {
	float: left;
}

#main-content {
	width: 75%;
	background-color: #EFEFEF;
}
#sidebar { 
	width: 24.9%;
	background-color: #E5E5E5;
}

#inner-main-content {
	overflow: auto;
	height: 380px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

#inner-sidebar {
	height: 380px;
	overflow: auto;
	border-left: 1px solid #CCC;
	border-top: 1px solid #fff;
	text-align: center;
}

#main-buttons {
	height: 40px;
	background-color: #333;
}
.buttons-page {
	height: 100%; 
	float:left; 
	width: 75%;
}
.wrap-buttons-page {
	margin: 0 10px;
	line-height: 220%;
}
.side-main-buttons {
	height: 100%;  
	float:left; 
	width: 24.9%; 
	background-color: #686868;
}

#footer {
	height: 16px;
	background-color: #069;
}

/* end ESTILOS LAYOUT GENERAL */





/* ESTILOS INHERITS */

  #page {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 16px;
  	color: #000;
  }
  
/* end ESTILOS INHERITS */


/* ESTILOS CABECERA */
.headerAppZone {
  float: left;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 2px 10px;
  background-color: #003366;
  -moz-border-radius: 9px;
  webkit-border-radius: 9px;
  border-radius: 9px;
}

.appName {font-size: 90%;}
.patientName {font-weight: bold;}
.patientName, .patientAge, .patientSex, .patientId {margin-left: 10px;}

.operatorAppZone {
  float: right;
  color: #fff;
  line-height: 34px;
  font-size: 90%;
}
/* end ESTILOS CABECERA */




/* ESTILOS MENU */
.item-menu {
	float: left;
}
.inner-item-menu {
	border-right: 1px solid #CCC;
	border-left: 1px solid #fff;
	padding-right: 20px;
	padding-left: 10px;
}
.textLabelMenu {
	font-size: 90%;
	line-height: 140%;
}
.contentTextMenu {
	font-size: 90%; 
	font-weight: bold;
	line-height: 150%;
}

.item-menu-situacion-proceso, 
.item-menu-regimen-proceso, 
.item-menu-origen-proceso {
	width: 12%;
}
.item-menu-desc-proceso {width: 29%;}

.item-menu-estado-proceso {width: 24.9%}

.item-menu-desc-proceso .inner-item-menu {border-left: 0;}
.item-menu-estado-proceso .inner-item-menu {border-right: 0;}
/* end ESTILOS MENU */





/* ESTILOS CONTENIDO */
.wrapperContent {
	margin: 10px 10px;
	margin-bottom: 20px;
	background-color: #fff;
	/*border: 1px solid #CCC;*/
	overflow: hidden;
	box-shadow:0px 0px 10px #6E6E6E;
	zoom: 1;
}
.wrapperTable {width: 100%; overflow: hidden;}
.wrapperPanel {
	border: 1px solid #dedede;
	background-color: #fff;
	margin: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-border-radius: 7px;
	webkit-border-radius: 7px;
	border-radius: 7px;
	zoom: 1;
}


.btn-main {
	line-height: 150%;
	cursor: pointer;
	color: #fff;
	border: solid 1px #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: -moz-linear-gradient(top,  #666,  #333);
	background-color: #111;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#333');
	border-radius: 5px;
}

.btn-main:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#000000));
	background: -moz-linear-gradient(top,  #464646,  #000000);
	background-color: #111;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#000000');
}


.btn-secondary {
	line-height: 150%;
	cursor: pointer;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	background-color: #0095cd;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
	border-radius: 5px;
}

.btn-secondary:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
  	background-color:#289dc8; 
}



.separatorPanel {border-color: #ccc; width: 80%;}

.textLabelParte {
	display: block;
	width: 135px;
	font-size: 80%;
	background-color: #ccc;
	padding: 4px 10px 4px 15px;
	color: #000;
	text-decoration: none;
}
.textLabelParteBaja {
	background-color: #C42E2E;
	color: #fff;
}

.textLabelParteAlta {
	background-color: #009900;
	color: #fff;
}


.ul-form {
	display: block; 
	overflow: hidden;
	width: 95%;
	margin: 20px auto;
}

.li-row-form {
	display: block;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

.li-row-end-group {
	margin-bottom: 30px;
}

.ul-wrap-column {
	clear: both; 
	overflow: hidden;
}

.li-column-form {
	float: left;
	margin-right: 10px;
}
.column30-100 {width: 30%; margin-right: 0;}
.column70-100 {width: 70%; margin-right: 0;}

.wrapField {
	margin-top: 10px;
}
.wrapMultiLabel {
	overflow: hidden; 
	clear: both;
}

.label-form {
	color: #666;
	font-size: 80%;
}

.link-inner {
	font-size: 80%;
	color: #0099FF;
	text-decoration: none;
}


.fieldExpand {width: 99%;}
.field2Digits {width: 30px;}
.field3Digits {width: 40px;}
.fieldText {
	border: 1px solid #dedede;
	height: 26px;
	line-height:140%;
	text-indent: 3px;
}
.fieldDate {
	width: 130px;
}

.textUnitField {
	color: #666;
}

.helpValueField {
	font-size: 75%;
	color: #666;
	margin-left: 25px;
}

.lst-columns {
	overflow: hidden;
	width: 100%;
	clear: both;
	zoom: 1;
}
.column1-2, .column2-2, .column30-100, .column70-100, .column1-3, .column2-3, .column3-3, .column1-5 {
	width: 49.9%;
	overflow: hidden;
	display: inline;
	float: left;
	zoom: 1;
    margin:0;
}

.column30-100 {width: 30%;}
.column70-100 {width: 69.9%;}
.column1-3, .column2-3, .column3-3 { width: 33%;}
.column1-5 {width: 19.9%;}

/* end ESTILOS CONTENIDO */





/* ESTILOS LISTADO PROCESOS */

.headerIndicador {
	padding: 5px 0;
	padding-left: 5px;
	width: 136px;
	/* TODO: imagen flechita */
	margin-bottom: 5px;
}
.headerIndicadorProcesoActual {
	color: #fff;
	font-weight: bold;
	background: #C42E2E;
}
.headerIndicadorProcesosAnteriores {
	color: #333;
	background-color: #ccc;
}

.tableListProcesos {
	width: 100%;
	margin-bottom: 30px;
}

.tableListProcesos th, .tableListProcesos .tdHeader {
	font-weight: bold;
	padding: 20px 3px;
	text-align: left;
}
.tableListProcesos td {
	padding: 4px 15px;
}

.textMainColumn {
	font-weight: bold;
	font-size: 80%;
	display: block;
	line-height: 130%;
}
.subTextColumn {
	font-size: 80%;
	line-height: 130%;
}

.linkProceso {
	display: block;
	text-decoration: none;
	color: #333;
}
.linkProceso:hover {
	color: #000;
	background-color: #C4E0FF;
	-webkit-transition: background-color .33s ease-out;
	-moz-transition: background-color .33s ease-out;
	-o-transition: background-color .33s ease-out;
	-transition: background-color .33s ease-out;
}




/* end ESTILOS LISTADO PROCESOS */





/* ESTILOS DETALLE PROCESO / LISTADO PARTES*/

.tableInfoAvance {
	width: 100%;
}

.tableInfoAvance th {
	color: #333;
	font-size: 80%;
	padding: 0 10px;
	padding-top: 5px;
}

.tableInfoAvance td {padding: 5px 10px; color: #333;}
.tableInfoAvance .thDesde {text-align: left;}
.tableInfoAvance .thDiagnostico {text-align: center;}
.tableInfoAvance .thHasta {text-align: right;}

.tableInfoAvance .tdDesde {text-align: left; font-weight: bold;}
.tableInfoAvance .tdDiagnostico {text-align: center; font-weight: bold;}
.tableInfoAvance .tdHasta {text-align: right; font-weight: bold;}

.tableInfoAvance .tdTranscurrido {text-align: left;}
.tableInfoAvance .tdEstimado {text-align: center;}
.tableInfoAvance .tdPendiente {text-align: right;}


.backgroundAvance {
	position: relative;
	height: 10px;
	background: #dedede;
	width: 100%;
	-moz-border-radius: 15px;
	webkit-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
}
.nivelAvance {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	background-color: #C42E2E;
	-moz-border-radius: 15px;
	webkit-border-radius: 15px;
	border-radius: 15px;
}

.tableListadoPartes {
	width: 100%;
}
.tableListadoPartes tr.odd td {background-color: #fff;}
.tableListadoPartes tr.even td {background-color: #F5F5F5;}
.tableListadoPartes td {
	border: 1px solid #ccc;
	padding: 15px;
	vertical-align: top;
}
.tableListadoPartes td.tdInfoParte {
	padding-left: 0;
	padding-right: 0;
	border-right: none;
	width: 160px;
}
.tableListadoPartes td.tdEstadoParte {
	border-left: none;
}

.tableListadoPartes td.tdAccionesParte {
	vertical-align: middle;
	padding-left: 0;
	padding-right: 10px;
	width: 120px;
}


.tableListadoPartes .textInfoParte {
	display: block;
	font-size: 80%;
	color: #666;
	line-height: 140%;
}

.linkAccionParte {
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
.accionEliminar {
	
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/ico-eliminar.gif); /** sprite-ref: sprite-vertical; */
}


/* Paginacion */
.wrapPaginator {
	background: #F0F0F0 none repeat 0% 50%;
	border: 1px solid #ccc;
	border-top: none;
	height: 28px;
	clear: both;
	overflow: hidden;
}
.controls {
	background-position: left top;
	background-repeat: no-repeat;
    background-image: url(../images/pagination/bg_control_nav_bg.gif); 
    
    float:right;
    margin-top:2px;
    padding:4px 6px 7px;
}

.controls a {
    display:block;
    height:16px;
    width:16px;
    float:left;
    margin-right:6px;
}

.controls a.pr {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/pagination/bg_control_nav_prev.gif); 
}
.controls a.pr_off  {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/pagination/bg_control_nav_prev_off.gif); 
	cursor:auto;
}
.controls a.nx  {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/pagination/bg_control_nav_next.gif); 
}
.controls a.nx_off  {  
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/pagination/bg_control_nav_next_off.gif); 
	cursor:auto;
}
.controls a.nx:hover,
.controls a.pr:hover {background-position: bottom left;}

.controls span {
    display:block;
    text-indent:-99999px;
}

/* Estilos sidebar detalle proceso/listado partes*/
.titleGenerarPartes {
	color: #666;
	text-align: center;
	margin: 10px 0 20px 0;
}
#sidebar .btn-secondary, #sidebar .btn-main {
	display: block;
	width: 90%;
	margin: 20px auto;
}

.wrapperContadorPartesAvance {
	overflow: hidden;
	clear: both;
	margin: 0 auto;
	width: 100px;
}
.btnCount {
	float: left;
	border: 1px solid #666;
	width: 20px;
	height: 25px;
	cursor: pointer;
	line-height: 23px;
	background-color: #dedede;
}
.fieldPartesAvance  {
	float:left;
	border: 1px solid #ccc;
	outline: none;
	font-size: 120%;
	width: 30px;
	height: 25px;
	text-align: center;
	padding: 0;
}


/* end ESTILOS DETALLE PROCESO / LISTADO PARTES */





/* ESTILOS FORMULARIOS PARTES */

.wrapDiagnostico {
	overflow: hidden;
	color: #000;
	clear: both;
	vertical-align: middle;
	padding: 3px 0;
	zoom: 1;
}

.wrapDiagnosticoSeleccionado {
	background-color: #F5F5F5;
}

.txtCodDiagnostico {
	float: left;
	width: 25%;
}
.txtDescDiagnostico {
	float: left;
	width: 55%;
}
.txtTiempoDiagnostico {
	float: right;
	width: 19%;
}
.link-seleccionar-diag {margin-left: 10px;}
.fieldResultadoReconocimientoMedico, .fieldCausaIncapacidad {
	height: 100px;
}
.wrapLabelDiagnostico {
	float: left;
	line-height: 100%;
}
/* end ESTILOS FORMULARIOS PARTES */


/* ESTILOS BUSCADOR DIAGNOSTICOS */
.wrapBuscadorDiagnostico {
	margin: 10px;
}
.fieldBuscadorDiagnostico {
	width: 95%;
	display: block;
}
.btnBuscarDiagnostico {width: 100%;}
.tableDiagnosticos {
	width: 100%;
	margin-top: 20px;
}
.tableDiagnosticos td {
	padding: 10px 5px;
	border: 1px solid #ccc;
}
.tableDiagnosticos .odd td {
	background-color: #F4F3DF;
}
.tableDiagnosticos .even td {
	background-color: #FFF;
}
.link-item-diagnostico {
	color: #000;
	text-decoration: none;
}


/* end ESTILOS BUSCADOR DIAGNOSTICOS */



/* ESTILOS FORMULARIO PROCESO */
.lst-procesoIt {
	margin: 10px;
	list-style: inside decimal;
}
.step-proceso {
	color: white;
	background-repeat: no-repeat;
	background-position: 7px 3px;
	background-image: url(../images/bg_step_proceso.png);/** sprite-ref: sprite-vertical; sprite-margin-top: 3px; sprite-margin-left: 7px;*/
	padding-left: 14px;
	font-weight: bold;
	margin-bottom: 30px;
	clear:both;
	overflow: hidden;
}
.tituloProceso {
	color: #09F;
	font-size: 90%;
	line-height: 30px;
	padding-left: 16px;
	font-weight: normal;
}
.wrapStepProceso {
	color: #000;
	font-weight: normal;
	margin-left: 30px;
	overflow: hidden;
	clear: both;
}
.lst-datos {
	float: left;
	margin-bottom: 30px;
	margin-right: 20px;
	list-style-position: outside;
}
.item-dato {
	margin-bottom: 15px;
	white-space:nowrap;
}
.item-dato strong {
	font-weight: bold;
	font-size: 80%;
}
.item-dato div {
	line-height: 140%;
}
.item-dato a {
	font-weight: bold;
	font-size: 80%;
	color: #000;
	text-decoration: none;
}


.title-radio-group {
	font-size: 95%;
	color: #333;
}

.lst-radio-group {
	margin-top: 15px;
	overflow: hidden:	
	width: 90%;
}

.item-radio-group {
	margin-bottom: 10px;
	list-style-position: outside;
}

.link-radio {
	text-decoration: none;
	display: block;
	font-size: 90%;
	padding: 3px 10px;
	line-height: 150%;
	cursor: pointer;
	border-radius: 5px;
	width: 85%;
	
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.link-radio:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	background-color:#f5f5f5;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
 	 
}

.link-radio-selected, .link-radio-selected:hover {
	cursor: default;
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	background-color: #0095cd;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
/* end ESTILOS FORMULARIO PROCESO */




/* ESTILOS DATOS TRABAJADOR */

.wrapDatosTrabajador {margin: 10px;}
.wrapDatosTrabajador strong {
    font-weight: bold;
    font-size: 90%;
}

/* end ESTILOS DATOS TRABAJADOR */
